<template>
    <div id="webapp">
        <router-view />
    </div>
</template>
<script>
const debounce = (fn, delay) => {
    let timer = null;
    return function () {
        let context = this;
        let args = arguments;
        clearTimeout(timer);
        timer = setTimeout(function () {
            fn.apply(context, args);
        }, delay);
    };
};

const _ResizeObserver = window.ResizeObserver;
window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
    constructor(callback) {
        callback = debounce(callback, 16);
        super(callback);
    }
};
</script>
<style>
#webapp .el-card.is-always-shadow {
    box-shadow: none;
    border-radius: 0;
    border: none;
}
#nprogress .bar {
    background: #23b14d !important;
}
.tableheader tr th {
    background: rgba(238, 238, 238, 0.5) !important;
    color: #333333;
}
.teamTopTip .tipbox .tipitem {
    color: #666666 !important;
    font-size: 12px !important;
}
/* .teamTopTip .tipbox .tipitem button {
    font-size: 12px !important;
    height: auto !important;
} */
.subpageBtnBox {
    border-top: 1px dashed #cccccc;
    margin-top: 10px;
    padding-top: 20px;
    font-size: 12px;
}
/********************************************************* */
.cardTitle .el-checkbox {
    font-size: 14px;
    font-weight: bold;
    color: #252b3a;
}
.meteorologicalenvironmentmsg .el-checkbox {
    min-width: 125px;
    margin-right: 20px;
}
.meteorologicalenvironmentmsgtableheader .el-table__header .is-group tr:last-child {
    display: none;
}
.meteorologicalenvironmentmsg .radiobutton {
    width: 162px;
    height: 30px;
    border-radius: 4px;
    margin-right: 10px;
}
.meteorologicalenvironmentmsg .radiobutton .el-radio-button .el-radio-button__inner {
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    width: 162px;
    border: none;
    background: #f1f1f1;
}
.meteorologicalenvironmentmsg .radiobutton .el-radio-button.is-active .el-radio-button__inner {
    background: #23b14d;
}
.tableheader .el-input__wrapper,
.tableheader .el-input__wrapper:hover,
.tableheader .el-select,
.tableheader .el-input {
    --el-select-border-color-hover: rgba(0, 0, 0, 0);
    --el-select-input-focus-border-color: rgba(0, 0, 0, 0);
    --el-input-focus-border: rgba(0, 0, 0, 0);
    --el-input-focus-border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
    background: none;
}
.sxnf_btn_template + .sxnf_btn_template {
    margin-left: 10px;
}
</style>
